.signxhb-page {
	height: 100%;
	padding: 1.76rem 0.3rem 0 0.3rem;
	background: url("../../../images/imageXHB/signxhb-bg-1.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	box-sizing: border-box;

	// &:after{
	//     content:"";
	//     display: block;
	//     width: 100%;
	//     height: 100%;
	//     position: absolute;
	//     top:0;
	//     left:0;
	//     // background-image: url(../../../images/imageXHB/signXHB-bg.png);
	//     background-repeat: no-repeat;
	//     background-position: top center;
	//     background-size: 100% auto;
	// }

	.bg {
		width: 100%;
		position: absolute;
		top: -1.5rem;
		left: 0;

		img {
			width: 3.32rem;
		}
	}

	.tip {
		text-align: left;
		font-size: 0.24rem;
		color: #d8433b;
		position: absolute;
		top: -0.7rem;
		left: 0;

		img {
			width: 0.24rem;
			margin-right: 0.08rem;
		}
	}

	.logo {
		width: 100%;
		text-align: center;
		margin-top: 0.5rem;
		img {
			width: 2.28rem;
			margin-bottom: 0.1rem;
		}
		p {
			color: rgba(148, 148, 148, 0.65);
		}
	}

	.content {
		margin-top: 3rem;
		box-shadow: 0 0.04rem 0.22rem 0 rgba(0, 0, 0, 0.06);
		border-radius: 0.08rem;
		background: #fff;
		padding: 0.42rem 0.3rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		ul {
			width: 100%;
			display: flex;
			align-items: center;
		}
		li {
			margin-bottom: 0.52rem;
			flex: 1;
			text-align: center;

			img {
				width: 0.83rem;
				height: 0.83rem;
			}

			p {
				font-size: 0.26rem;
				line-height: 0.36rem;
				margin-bottom: 0.1rem;
			}

			span {
				color: rgba(136, 136, 136, 1);
				font-size: 0.2rem;
				line-height: 0.28rem;
				display: block;
			}
		}

		.btn {
			width: 100%;
			max-width: 6.1rem;
			height: 0.86rem;
			line-height: 0.86rem;
			background: rgba(64, 177, 93, 1);
			color: #fff;
			font-size: 0.3rem;
			border-radius: 0.43rem;
			text-align: center;
		}
	}

	.xieyiwrap {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.2rem 0;
	}

	.xieyi {
		a {
			margin-left: 0.12rem;
			color: #40b15d;
		}
	}
}

.XhbPayModal-form {
	p {
		text-align: left;
		font-size: 0.3rem;
		margin-top: 0.34rem;
		margin-bottom: 0.2rem;
	}

	.smstime {
		color: rgba(64, 177, 93, 1);
		text-align: right;
		margin-top: 0.2rem;
	}

	.btn {
		width: 90%;
		max-width: 5rem;
		height: 0.8rem;
		line-height: 0.8rem;
		background: rgba(64, 177, 93, 1);
		color: #fff;
		font-size: 0.3rem;
		border-radius: 0.43rem;
		text-align: center;
		margin: 0.4rem auto 0.1rem auto;
	}
}
